<?xml version="1.0" encoding="UTF-8"?>
<html>
    <head>
        <title>Test : Absolute : Nested Content</title>
        <style type="text/css">
           p { border: 1px solid black;}
           #abs { 
            border: 1px solid blue;
            position: absolute;
            width: 150px;
            /*height: 200px;*/
            top: 50px;
            left: 20px;
           }
        </style>
    </head>
    
    <body>
        <p>This is the main paragraph</p>
        
        <div id="abs">
        
        <p>This is an absolutely positioned
        div in the upper left with some <b>bold <i>talic</i></b> text
        </p>
        
        <p>another paragraph</p>
        <h3>a level three header</h3>
        
        
        </div>
    </body>

</html>
